<%--
  Created by IntelliJ IDEA.
  User: konley
  Date: 2020/6/17
  Time: 16:36
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
    <title>小米商城 - 登录</title>
    <link rel="stylesheet" type="text/css" href="${pageContext.request.contextPath }/css/my.css"/>
    <script src="${pageContext.request.contextPath }/js/jquery-3.4.1.js" type="text/javascript"
            charset="utf-8"></script>
    <script src="${pageContext.request.contextPath }/js/bootstrap.js" type="text/javascript" charset="utf-8"></script>
    <link rel="stylesheet" type="text/css" href="${pageContext.request.contextPath }/css/bootstrap.css"/>
    <style>
        body{
            background-image: url("photo/login-bg.jpg");
        }
        .reg-center{
            margin-top: 130px;
            background-color: #fff;
            height: 555px;
        }
        .reg-logo{
            text-align: center;
        }
        .reg-logo img{
            width: 40px;
        }
        #reg-btn{
            width: 100%;
            background-color: #f57921;
        }
        .green{
            color: #2b542c;
        }
        .red{
            color: #c9302c;
        }
    </style>
</head>
<body>
<div class="container">
    <!--文本框-->
    <div class="row">
        <div class="reg-center col-sm-4 col-sm-offset-9">
            <div class="row reg-logo">
                <br>
                <h3><span style="color:#f57921 ">密码登录</span> | 扫码登录</h3>
            </div>
            <!--提示信息-->
            <div class="text-center">
                <h5 style="color:#f57921">
                    <%= request.getAttribute("msg")==null?"":request.getAttribute("msg")%>
                </h5>
            </div>
            <br>
            <br>
            <div class="row log-from">
                <!--具体表单-->
                <div class="col-sm-9 col-sm-offset-2">
                    <form role="form" action="LoginServlet" method="post">
                        <div class="form-group">
                            <label for="name">用户名</label>
                            <input type="text" class="form-control" name="name" id="name" placeholder="请输入用户名">
                            <h5 id="msg"></h5>
                        </div>
                        <div class="form-group">
                            <label for="password">密码</label>
                            <input type="password" class="form-control" name="password" id="password" placeholder="请输入密码">
                        </div>
                        <br>
                        <div class="form-group">
                            <button class="btn" id="reg-btn" type="submit"><span style="color: white">登录</span></button>
                        </div>
                        <br>
                        <div class="form-group text-center">
                            没有账号？<a href="register.jsp">立即注册</a>
                        </div>

                    </form>

                </div>
            </div>
        </div>
    </div>
    <!--底栏-->
    <div class="row" style="margin-top: 20px">
        <div class="col-sm-12 text-center" style="margin-top: 150px" >
            <p>简体  |   繁体   |   Englis  |   常见问题  |   隐私政策</p>
            <p>小米公司版权所有  -京ICP备10046444  -京公网安备11010802020134号  -京ICP证110507号</p>
        </div>
    </div>
</div>
</body>
</html>